@fz10: 10px;
@fz12: 12px;
@fz14: 14px;
@fz16: 16px;

@color-h1: #111111;
@color-h2: #656565;
@color-h3: #919191;
@color-h4: #DF0011;

@theme-color: #DF0011;

view{
  box-sizing: border-box;
}
.pop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  padding: 12px;
  display: flex;
  align-items: flex-end;
  // justify-content: flex-end;
  &__mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
  }
  &__main{
    flex: 1;
    position: relative;
    bottom: 0;
    background: #ffffff;
    border-radius: 4px;
  }
}

.main{
  position: relative;
  &__t{
  }
  &__c{
    position: relative;
    &:after{
      position: absolute;
      left: 0;
      bottom: 0;
      content: "";
      width: 200%;
      height: 1px;
      transform: scale(.5);
      transform-origin: left bottom;
      background: @color-h3;
    }
  }
  &__b{
  }
}


.mtext1{
  color: @color-h3;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
}
.mtext2{
  font-size: @fz16;
  color: @color-h1;
  text-align: center;
}
.mtext3{
  color: @color-h2;
  text-align: center;
  margin-bottom: 10px;
}
.mbtn1{
  width: 100%;
  height: 100%;
  transition: all 300ms;
  line-height: 44px;
  text-align: center;
  color: @color-h2;
  &:active{
    opacity: .8;
  }
}